<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>商城—订单确认</title>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
	<link rel="stylesheet" href="http://static-online.zhaogang.com/publicresource/css/CatUI.min.css">
	<link rel="stylesheet" href="/Resources/order/css/order.css">
</head>
<body>
	<div id="mall_header">
		<div class="topbar">
			<div class="w1180">
				<div class="toplink">
					<a href=""><i class="home"></i>找钢首页</a>
					<span>喵，欢迎来找钢！</span>
					<a href="javascript:" id="btn_login">请登录</a>
					<a href="javascript:" id="btn_register">免费注册</a>
					<a href="javascript:" id="btn_quit" style="display:none;">退出</a>
				</div>
				<div class="topmenu">
					<a href="">我的找钢网</a>
					|<a href="">我的订单</a>
					|<a href="">积分商城</a>
					|<a href="">帮助中心</a>
					|<a href="">在线客服</a>
					|<span><i class="tel"></i>021-60100300 (8:30-17:30)</span>	
				</div>
			</div>
		</div>
		<div class="header_box">
			<div class="header_main">
				<a href="###" class="logo"></a>
				<div class="header_title">我的购物车</div>
				<div class="order_step"></div>
			</div>
		</div>
	</div>

	<div class="content">
		<div class="tab_triggers">
			<a href="###" class="active">建材<span>(5)</span></a>
			<a href="###">冷轧涂镀<span>(3)</span></a>
		</div>
		<div class="tab_targets">
			<div class="tabcnt active orderwrap">
				<table class="buytitle">
					<thead>
						<tr>
							<th width="150">货物信息</th>
							<th width="120"></th>
							<th width="100">件重</th>
							<th width="70">单价</th>
							<th width="60">可供量</th>
							<th width="120" style="text-align:center;">数量</th>
							<th width="100">重量</th>
							<th width="100">金额合计</th>
							<th width="70">是否有货</th>
							<th>操作</th>
						</tr>
					</thead>
				</table>
				<table class="buylist">
					<tbody>
						<caption><strong>淞铁库</strong><span>仓库地址：蕴藻南路777号</span><span>联系电话：021-31138471</span></caption>
						<tr>
							<td width="160">新抚顺&nbsp;三级抗震螺纹钢</td>
							<td width="120">HRB400E 18*12</td>
							<td width="100" class="downplay">19.879吨/件</td>
							<td width="70">1800</td>
							<td width="50">1</td>
							<td width="120">
								<div class="buylist_qty">
									<span class="minus">&minus;</span><input type="text" value="1" /><span class="plus">&#43;</span>
								</div>
							</td>
							<td width="100">19.879吨</td>
							<td width="100" class="highlight">&yen;35782.20</td>
							<td width="70">有货</td>
							<td width="">
								<div class="buylist_option">
									<a href="###" class="del">删除</a>
									<div class="buylist_option_delbox">
										确定要删除吗？
										<a href="###" class="cancel">取消</a>
										<a href="###" class="delete">删除</a>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td>新抚顺&nbsp;三级抗震螺纹钢</td>
							<td>HRB400E 18*12</td>
							<td class="downplay">19.879吨/件</td>
							<td>1800</td>
							<td>1</td>
							<td>
								<div class="buylist_qty">
									<span class="minus">&minus;</span><input class="warn" type="text" value="2" /><span class="plus">&#43;</span>
									<div class="buylist_qty_warn">库存不足</div>
								</div>
							</td>
							<td>19.879吨</td>
							<td class="highlight">&yen;35782.20</td>
							<td class="highlight">缺货</td>
							<td>
								<div class="buylist_option">
									<a href="###" class="del">删除</a>
									<div class="buylist_option_delbox">
										确定要删除吗？
										<a href="###" class="cancel">取消</a>
										<a href="###" class="delete">删除</a>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td>新抚顺&nbsp;三级抗震螺纹钢</td>
							<td>HRB400E 18*12</td>
							<td class="downplay">19.879吨/件</td>
							<td>1800</td>
							<td>1</td>
							<td>
								<div class="buylist_qty">
									<span class="minus">&minus;</span><input type="text" value="2" /><span class="plus">&#43;</span>
								</div>
							</td>
							<td>19.879吨</td>
							<td class="highlight">&yen;35782.20</td>
							<td>有货</td>
							<td>
								<div class="buylist_option">
									<a href="###" class="del">删除</a>
									<div class="buylist_option_delbox">
										确定要删除吗？
										<a href="###" class="cancel">取消</a>
										<a href="###" class="delete">删除</a>
									</div>
								</div></td>
						</tr>
					</tbody>
				</table>
				<table class="buylist">
					<tbody>
						<caption><strong>淞铁库</strong><span>仓库地址：蕴藻南路777号</span><span>联系电话：021-31138471</span></caption>
						<tr>
							<td width="160">新抚顺&nbsp;三级抗震螺纹钢</td>
							<td width="120">HRB400E 18*12</td>
							<td width="100" class="downplay">19.879吨/件</td>
							<td width="70">1800</td>
							<td width="50">1</td>
							<td width="120">
								<div class="buylist_qty">
									<span class="minus">&minus;</span><input type="text" value="1" /><span class="plus">&#43;</span>
								</div>
							</td>
							<td width="100">19.879吨</td>
							<td width="100" class="highlight">&yen;35782.20</td>
							<td width="70">有货</td>
							<td width="">
								<div class="buylist_option">
									<a href="###" class="del">删除</a>
									<div class="buylist_option_delbox">
										确定要删除吗？
										<a href="###" class="cancel">取消</a>
										<a href="###" class="delete">删除</a>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td>新抚顺&nbsp;三级抗震螺纹钢</td>
							<td>HRB400E 18*12</td>
							<td class="downplay">19.879吨/件</td>
							<td>1800</td>
							<td>1</td>
							<td>
								<div class="buylist_qty">
									<span class="minus">&minus;</span><input class="warn" type="text" value="2" /><span class="plus">&#43;</span>
									<div class="buylist_qty_warn">库存不足</div>
								</div>
							</td>
							<td>19.879吨</td>
							<td class="highlight">&yen;35782.20</td>
							<td class="highlight">缺货</td>
							<td>
								<div class="buylist_option">
									<a href="###" class="del">删除</a>
									<div class="buylist_option_delbox">
										确定要删除吗？
										<a href="###" class="cancel">取消</a>
										<a href="###" class="delete">删除</a>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td>新抚顺&nbsp;三级抗震螺纹钢</td>
							<td>HRB400E 18*12</td>
							<td class="downplay">19.879吨/件</td>
							<td>1800</td>
							<td>1</td>
							<td>
								<div class="buylist_qty">
									<span class="minus">&minus;</span><input type="text" value="2" /><span class="plus">&#43;</span>
								</div>
							</td>
							<td>19.879吨</td>
							<td class="highlight">&yen;35782.20</td>
							<td>有货</td>
							<td>
								<div class="buylist_option">
									<a href="###" class="del">删除</a>
									<div class="buylist_option_delbox">
										确定要删除吗？
										<a href="###" class="cancel">取消</a>
										<a href="###" class="delete">删除</a>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<div class="orderbox">
					<ul class="order_price">
						<li>件数小计：<span class="highlight">20件</span></li>
						<li>重量小计：<span class="highlight">72.220吨</span></li>
					</ul>
				</div>
				<div class="orderinfo">
					<a href="###" class="orderinfo_empty">清空购物车</a>
					商品总价：<span class="orderinfo_price">&yen;<strong>193829.20</strong></span>
					<button class="order_btnmain">去下单</button>
				</div>
			</div>
			<div class="tabcnt">
				<div class="orderwrap">
					<div class="orderbox">
						<ul class="order_price">
							<li>件数小计：<span class="highlight">20件</span></li>
							<li>重量小计：<span class="highlight">72.220吨</span></li>
						</ul>
					</div>
					<div class="orderinfo">
						<a href="###" class="orderinfo_empty">清空购物车</a>
						商品总价：<span class="orderinfo_price">&yen;<strong>193829.20</strong></span>
						<button class="order_btnmain">去下单</button>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="mall_footer">
		<div class="advantage">
			<ul class="w1180">
				<li><i class="ad1"></i>免费找货找车</li>
				<li><i class="ad2"></i>商城钢厂直供</li>
				<li><i class="ad3"></i>品种规格齐全</li>
				<li><i class="ad4"></i>仓储加工一体</li>
				<li><i class="ad5"></i>缺钱可打白条</li>
			</ul>
		</div>

		<ul class="help_link w1180">
			<li>
				<dl>
					<dt>采购指南</dt>
					<dd><a href="" target="_blank">如何找货</a></dd>
					<dd><a href="" target="_blank">钢材采购流程</a></dd>
					<dd><a href="" target="_blank">行情数据</a>行情数据</dd>
					<dd><a href="" target="_blank">交易规则</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>找钢特色</dt>
					<dd><a href="" target="_blank">钢厂直营</a></dd>
					<dd><a href="" target="_blank">胖猫物流</a></dd>
					<dd><a href="" target="_blank">仓储加工</a></dd>
					<dd><a href="" target="_blank">胖猫金融</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>售后服务</dt>
					<dd><a href="" target="_blank">售后政策</a></dd>
					<dd><a href="" target="_blank">退换流程</a></dd>
					<dd><a href="" target="_blank">发票查询</a></dd>
					<dd><a href="" target="_blank">积分商城活动</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>常见问题</dt>
					<dd><a href="" target="_blank">新用户指南</a></dd>
					<dd><a href="" target="_blank">注册/登录流程</a></dd>
					<dd><a href="" target="_blank">会员账号信息安全</a></dd>
					<dd><a href="" target="_blank">加找钢微信好友</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>关于我们</dt>
					<dd><a href="" target="_blank">企业家简介</a></dd>
					<dd><a href="" target="_blank">企业文化</a></dd>
					<dd><a href="" target="_blank">媒体看找钢</a></dd>
					<dd><a href="" target="_blank">企业荣誉</a></dd>
				</dl>
			</li>
			<li class="contact">
				<dl>
					<dt>客服热线</dt>
					<dd>021-60100300</dd>
				</dl>
				<dl>
					<dt>投诉专线</dt>
					<dd>021-35885555</dd>
				</dl>
				<dl>
					<dt>工作时间</dt>
					<dd>周一到周五 8:30-17:00</dd>
				</dl>
			</li>
		</ul>

		<div class="copyright">
			<div class="link">
            	<a href="" target="_blank">关于我们</a>
	            | <a href="" target="_blank">法律声明</a>
	            | <a href="" target="_blank">诚聘英才</a>
	            | <a href="" target="_blank">联系我们</a>
	            | <a href="" target="_blank">友情链接</a>
	        </div>
			<p>COPYRIGHT &copy; 找钢网 www.zhaogang.com 沪ICP备 13013915号-3 ICP证：沪B2-20140148</p>
			<div class="copyimg">
				<span class="img1"></span>
				<span class="img2"></span>
				<a href="" class="img3"></a>
			</div>
		</div>
	</div>


	<!--------未付款提示---------->
	<div class="note-alert1">
		<div class="alert-import">
			<div class="alert-img"><img src="../../Resources/order/img/alert.png" alt=""></div>
			<div class="alert-cont">
				<p class="alert-cont1">您的付款时间已到！</p>
				<p class="alert-cont2">订单已作废，如有问题请联系客服</p>
			</div>
		</div>
		<div class="alert-btn">
			<button id="alert-ok">确定</button>
		</div>
	</div>

	<script src="http://static-online.zhaogang.com/publicresource/js/jquery.min.js"></script>
	<script src="http://static-online.zhaogang.com/publicresource/js/CatUI.min.js"></script>
	<script src="http://static-online.zhaogang.com/publicresource/control/layer/layer.min.js"></script>
	<script>
		var stepTwo = new CatSteps($(".order_step"),{
			widths: 500,
			current: 1,
			type: 1,
			args: ['下单','订单付款','提货','订单结算']
		});
		stepTwo.init();

		//tab
		$('.tab_triggers a').on('click',function(){
			var _index = $(this).index();
			$(this).addClass('active').siblings().removeClass('active');
			$(this).parents('.content').find('.tabcnt').eq(_index).addClass('active').siblings().removeClass('active');
		})
		//数量

		function quantityVal() {
			$( ".buylist_qty .minus" ).each(function() {
				var qtyVal = $(this).siblings('input').val();
				if ( qtyVal == 1 ) $(this).addClass('disable')
			});

			$('.minus').click(function() {
				var qtyVal = $(this).siblings('input').val();
				if (qtyVal <= 2) {
					$(this).addClass('disable');
					$(this).siblings('input').val(1);
				} else {
					qtyVal =+ qtyVal-1;

					$(this).siblings('input').val(qtyVal);
				}
			});

			$('.plus').click(function() {
				var qtyVal = $(this).siblings('input').val();
						qtyVal =+ qtyVal+1;
					$(this).siblings('.minus').removeClass('disable');
					$(this).siblings('input').val(qtyVal);
			});
		}
		quantityVal();

		//去下单
		$('.order_btnmain').click(function(){
			var popupAdd = new CatPopup({
				template: '<div class="popwarn"><i class="icon_heedmid"></i><div class="popwarn_title">购物车中有缺货商品</div><div class="popwarn_btn"><button class="btn_confirm">确定</button></div></div>'
			});
		})
		//锁货删除
		$('.buylist_option .del').click(function() {
			$(this).siblings('.buylist_option_delbox').show();
		});
		$('.buylist_option .delete,.buylist_option .cancel').click(function() {
			$('.buylist_option_delbox').hide();
		});


		////付款提示
    $(document).on("ready", function () {
		    layer.open({
		        type: 1,
		        shade: 0.5,
		        skin: 'demo-class', //加上边框
		        title: false,
		        closeBtn:0,
		        area: ['500px', 'auto'],
		        content: $('.note-alert1')
		    })
		});

		$("#alert-ok").on("click",function(){
		    layer.closeAll();
		});

		
	</script>
</body>
</html>